<template>
  <div class="container">
    <global-header :user="currentUser"></global-header>
    <router-view></router-view>
    <footer class="text-center py-4 text-secondary bg-light mt-6">
      <small>
        <ul class="list-inline mb-0">
          <li class="list-inline-item">@2024 者也专栏</li>
          <li class="list-inline-item">课程</li>
          <li class="list-inline-item">文档</li>
          <li class="list-inline-item">联系</li>
          <li class="list-inline-item">更多</li>
        </ul>
      </small>
    </footer>
  </div>
</template>

<script lang="ts">
import { defineComponent, computed} from 'vue';
import {useStore } from 'vuex'
import 'bootstrap/dist/css/bootstrap.min.css'
import GlobalHeader,{UserProps} from './components/GlobalHeader.vue';
import Home from './views/Home.vue';
import Login from './views/Login.vue';




export default defineComponent({
  name: 'App',
  components: {
    GlobalHeader,
    Home
  },
  setup() {
    const store = useStore()
    const currentUser = computed(()=>store.state.user)
    return{
      currentUser,
    }
  }
  
  
});
</script>

<style>
</style>
